.Playlist {
    padding: 5rem;
    .Playlist-header {
        margin-bottom: 4rem;
        .description {
            width: 88rem;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        div.image {
            width: 20rem;
            height: 20rem;
            border-radius: .5rem;
            margin-right: 2.5rem;
            img {
                width: 100%;
                height: 100%;
                border-radius: .5rem;
            }
        }
        div.content {
            font-size: 1.4rem;
            div {
                margin-bottom: 1.6rem;
            }
            div:first-child {
                span {
                    display: block;
                    margin-right: 1rem;
                    position: relative;
                    top: .6rem;
                    border: .1rem solid #f28c8c;
                    color: #ec4141;
                    font-size: 1.4rem;
                    padding: 0 .4rem;
                    height: 2.4rem;
                    border-radius: .3rem;
                    line-height: 2.4rem;
                }
                h2 {
                    font-size: 2.6rem;
                }
            }
            div:nth-child(2) {
                ul {
                    line-height: 2.6rem;
                    font-size: 1.5rem;
                    li:first-child {
                        width: 2.6rem;
                        height: 2.6rem;
                        border-radius: 50%;
                        margin-right: .8rem;
                        img {
                            width: 100%;
                            height: 100%;
                            border-radius: 50%;
                        }
                    }
                    li:nth-child(2) {
                        color: #6389b4;
                        margin-right: .8rem;
                    }
                    li:last-child {
                        font-size: 1.4rem;
                        color: #999;
                        span {
                            margin-right: .1rem;
                            font-size: 1.5rem;
                            color: #333;
                        }
                    }
                }
            }
            div:nth-child(3) {
                button:first-child {
                    background-color: #ec4141;
                    color: #fff;
                }
                button {
                    margin-right: .8rem;
                    padding: .4rem 1rem;
                    font-size: 1.5rem;
                    border: .1rem solid #dedede;
                    border-radius: 2rem;
                }
            }
            p {
                line-height: 2.4rem;
            }
            p:first-of-type {
                span:first-child {
                    margin: 0 .5rem 0 0;
                }
                span {
                    margin: 0 .5rem;
                    color: #6389b4;
                }
            }
            p:nth-of-type(2) {
                span:first-child {
                    margin-right: 1.2rem;
                }
            }
            p:last-of-type {
                span {
                    font-weight: lighter;
                }
            }
        }
    }
    .Playlist-body {
        div:first-child {
            line-height: 3rem;
            h3 {
                margin-right: 2.5rem;
                font-size: 1.6rem;
            }
            h3.active {
                font-weight: bold;
                font-size: 1.8rem;
                border-bottom: .4rem solid #ed4d4d;
            }
        }
        div:last-child {
            margin-top: 3rem;
            color: #333;
            header {
                color: #555;
                font-size: 1.4rem;
                span:first-child {
                    margin-left: 9.2rem;
                }
                span:nth-child(2) {
                    margin-left: 4rem;
                }
                span:nth-child(3) {
                    margin-left: 37.6rem;
                }
                span:nth-child(4) {
                    margin-left: 30rem;
                }
                span:last-child {
                    margin-left: 45.3rem;
                }
            }
            div {
                margin: 1rem 0;
                height: 4rem;
                line-height: 4rem;
                font-size: 1.5rem;
                span {
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    display: block;
                    margin: 0 1rem;
                }
                span:first-child {
                    width: 2%;
                    margin: 0 1rem 0 4rem;
                }
                span:nth-child(4) {
                    width: 25%;
                }
                span:nth-child(5) {
                    width: 20%;
                }
                span:nth-child(6) {
                    width: 30%;
                }
            }
            div:nth-of-type(2n+1) {
                background-color: #f9f9f9;
            }
        }
    }
}